@height: calc(100vh - 4.5rem);
@topHeight: calc(@height / 3);
@centerHeight: calc(@height / 3 - 2rem);
@footerHeight: calc(@height / 3);
.left_top-box, .left_center-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    .left_min-item, .right_min-item {
        display: flex;
        flex-direction: column;
    }
    .left_min-item{
        width: 14.5vw;
    }
    .right_min-item{
        width:15.25vw;
    }
    .min_item-content {
        margin-top: 0.3rem;
        flex: 1;
        padding: 0.5rem;
        background-color: rgba(16, 41, 75, 0.51);
        overflow: hidden;
        display: flex;
    }
}
.left_top-box {
    height: @topHeight;
    .left_min-item, .right_min-item {
        .min_item-content{
            justify-content: space-between;
            h4 {
                position: relative;
                padding-left: 0.5rem;
                font-size:0.9rem;
                &:before {
                    content: "";
                    width: 2px;
                    height: 70%;
                    background-color: #3f9df3;
                    position: absolute;
                    left: 0; top: 15%;
                }
            }
        }
    }

    .left_min-item {
        .min_item-content {
            flex-direction: column;
            p.info {
                margin-left: 2rem;
                overflow:hidden;
                span {
                    font-size: 1.6rem;
                    line-height: 1.6rem;
                    color: #5CDAF5;
                    margin-right: 1rem;
                }
            }
            ul.info_tab{
                display:flex;
                justify-content:space-between;
                align-items:center;
                margin:0.3rem 0;
                li{
                    flex:1;
                    display:flex;
                    flex-direction:column;
                    padding:0.3rem 0  0.3rem 0.6rem;
                    border-radius:0.3rem;
                   p{
                       font-size:0.8rem;
                       span {
                           font-size:1.2rem;
                           padding:0 1rem;
                           color: #13AC87
                       }
                   }
                    &.active {
                        background-color: rgba(45, 153, 255, 0.25);
                        border: 1px solid #2D99FF;
                        p {
                            span {
                                color: #4DD1FF;
                            }
                        }
                    }
                }
            }
        }
    }
    .right_min-item {
        .min_item-content{
            flex-direction:row;
            .vector_info-box, .floor_info_box{
                display:flex;
                flex-direction:column;
            }
            .vector_info-box{
                flex:3;
            }
            .floor_info_box{
                flex:2;
                display:flex;
                flex-direction:column;
                p.info_more{
                    color:#2D99FF;
                    font-size:0.7rem;
                    text-align:right;
                    line-height:1.2rem;
                }
            }
        }
    }

}
.left_center-box {
    height: @centerHeight;
    margin: 0.5rem 0;
    .sector_box, .hot_industry-box{
        display: flex;
        flex-direction: column;
        .sector_pie, .hot_industry-column {
            flex: 1;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    .sector_box{
       width:6vw;
        .sector_pie{
            padding:1rem;
        }
    }
    .hot_industry-box{
        flex:1;
    }
    .right_min-item{
        .min_item-content{
            justify-content:space-between;
            .card_box{
                flex:1 0;
                display:flex;
                flex-direction:column;
                .cust_col{
                    padding-top:1.5vh;
                    .ant-statistic-title{
                        color:#fff;
                        font-size:0.8rem;
                    }
                    .ant-statistic-content-suffix{
                        font-size:1rem; color:#fff;
                    }
                }
                h6{
                    padding-top:0.5rem;
                    font-size:1.6rem;
                    color:#4DD1FF;
                    span{
                        font-size:0.9rem;
                        color:#fff;
                        padding-left:0.5rem;
                        font-weight:400;
                    }
                }
            }
            .super_box, .obtain_box{
                padding-left:0.5rem;
            }
            .super_box{
                border-left:1px solid #5CDAF5;
                border-right:1px solid #5CDAF5;
            }
        }
    }

}
.left_footer-box {
    height: @footerHeight;
    display:flex;
    flex-direction:column;
    .min_item-content{
        margin-top: 0.3rem;
        flex: 1 0;
        padding: 0.5rem;
        background-color: rgba(16, 41, 75, 0.51);
        overflow: hidden;
        display:flex;
        flex-direction:row;
        .left_footer-right{
            flex:3
        }
    }
}
